Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra un elemento di classe “A” (evento onmouseover), questo viene evidenziato cambiando la dimensione del font a 24px (proprietà di style fontSize), il colore del bordo (proprietà di stile borderColor) assume il valore selezionato in un menu a tendina predefinito e, se è la terza volta che si passa sopra a questo elemento, il tag (proprietà tagName) è aggiunto come elemento di una lista <ul> predefinita (suggerimenti: il numero di visite può essere memorizzato in una proprietà locale all’elemento; l’elemento di una lista è definito dai tag “<li>..</li>”). Quando si esce dall’elemento (evento onmouseout) la dimensione del carattere deve essere ripristinata al valore precedente (deve essere memorizzato).

Passa sopra i paragrafi

Colore del bordo

Paragrafo di classe A con carattere 10px

Paragrafo con carattere 12px

Paragrafo di classe A con carattere 14px

Div di classe A con carattere 16px

Span di classe A con carattere 18px

Qua sotto si aggiunge il contenuto